// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

const SCROLL = {
  rail: {
    size: '8px', // 轨道宽度
    opacity: 0, // 轨道背景透明度
    background: 'transparent', // 轨道背景色
    gutterOfSide: '0px', // 轨道距离容器的距离
  },
  bar: {
    size: '8px', // 滑块宽度
    opacity: 0.7, // 滑块透明度
    background: '#1d7ff9', // 滑块背景色
    keepShow: true, // 保持常显
  },
}

const SCROLL_WIDE = {
  rail: {
    size: '16px', // 轨道宽度
    background: 'transparent', // 轨道背景色
    gutterOfSide: '0px', // 轨道距离容器的距离
  },
  bar: {
    size: '8px', // 滑块宽度
    opacity: 0.7, // 滑块透明度
    background: '#1d7ff9', // 滑块背景色
    keepShow: true, // 保持常显
  },
}

// ============================== 导出简易滚动条 ============================== //

export default {
  // —————————————————————————————— 滚动条样式 —————————————————————————————— //

  ...CORE.WEB.BASE.SCROLL,

  // —————————————————————————————— 宽度 —————————————————————————————— //

  ...CORE.WEB.BASE.WIDTH,

  // —————————————————————————————— 高度 —————————————————————————————— //

  height: { type: [Number, String], default: null }, // 指定高度，如 500 '500px' '50%'
  full: { type: Boolean, default: false }, // 是否为填满高度 (等价于 height: 100%)

  // —————————————————————————————— 原生属性 —————————————————————————————— //

  scrollProps: { type: Object, default: () => SCROLL }, // vuescroll 原生配置项
  scrollWideProps: { type: Object, default: () => SCROLL_WIDE }, // vuescroll 更宽原生配置项
}
